<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-1.12.4.js"></script>
</head>

<body>
    一、json格式的user对象
    <div id="a1"></div><br>
    二、json格式的字符串数组
    <div id="a2"></div><br>
    三、user对象数组
    <div id="a3"></div>

    <script>
        $(document).ready(function () {
            // 一
            let user = { "id": 1, "name": "aaa", "pwd": "000" };
            $("#a1").append("id"+user.id)

            // 二、
            let arr = ["a", "b", "c"];
            for(let i=0;i<arr.length;i++){
                $("#a2").append(arr[i]+" ")
            }
            // 三、
            let userarr = [
                { "id": 2, "name": "aaa1", "pwd": "000" },
                { "id": 3, "name": "aaa2", "pwd": "000" },
                { "id": 4, "name": "aaa3", "pwd": "000" }
            ];
            $("#a3").append("<table>").append("<tr>").append("<td>id</td>").append("<td>name</td>").append("<td>pwd</td>").append("</tr>");
                for(let i=0;i<userarr.length;i++){
                    $("#a3").append("<tr>").append("<td>"+userarr[i].id+"</td>")
                }

                $("#a3").append("</table>")


        })
    </script>

</body>

</html>